<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>花伴</title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js"></script>
        <!-- <script src="./js/plugins/spriteU.js"></script> -->
        <script src="https://cdn.jsdelivr.net/npm/mitt/dist/mitt.umd.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.min.js"></script>
        <link
            rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.9/base.min.css"
        />
        <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/gh/KonghaYao/chinese-free-web-font-storage/build/斗鱼追光体/result.css"
        />
        <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/gh/dcloudio/mui/dist/css/mui.min.css"
        />
        <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
        <script src="https://cdn.jsdelivr.net/gh/dcloudio/mui/dist/js/mui.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/mockjs"></script>
        <link rel="stylesheet" href="./css/index.css" />
        <script src="https://cdn.jsdelivr.net/gh/kittykatattack/bump/src/bump.min.js"></script>
    </head>
    <body>
        <div
            id="sheet1"
            class="mui-popover mui-popover-bottom mui-popover-action"
        >
            <!-- 可选择菜单 -->
            <ul class="mui-table-view ActionList">
                <li class="mui-table-view-cell title">
                    👇选择观看凤仙花的视频👇
                </li>
            </ul>
            <!-- 取消菜单 -->
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <a href="#sheet1"><b>关闭</b></a>
                </li>
            </ul>
        </div>

        <!--采用 bilibili 的视频链接方式 -->
        <iframe
            id="video"
            src=""
            scrolling="no"
            border="0"
            frameborder="no"
            framespacing="0"
            allowfullscreen="true"
        >
        </iframe>

        <ul class="mui-table-view Record"></ul>
        <div
            style="
                font-family: DOUYU Font;
                position: absolute;
                visibility: hidden;
            "
        >
            拖拽铲子
        </div>
    </body>
    <script type="module" src="./js/index.js"></script>
</html>
